<!doctype html>
<html lang="en" id="uc_userlist" v-cloak>
    <head>
        <meta charset="UTF-8">
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <!-- <title>\{{titles[type - 1]}}</title> -->
        <title>爱的约定</title>
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
        <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/iconfont.css">
        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/uc_myconcern.css">
        <link rel="stylesheet" href="css/uc_userlist.css">
    </head>
    <body>
        <div class='common-header'>
            <div class='left'>
                <a href="javascript:history.back()">
                    <i class='iconfont icon-left'></i>
                </a>
            </div>
            <div class="middle">
                \{{titles[type - 1]}}
            </div>
            <div class="right"><a href=""></a></div>
        </div>
        <div class="list">
            <div class="item" v-for="item in renderObj">
                <img v-on:click="go('friend_detail.html?id=' + item[(type==1||type==3)?'memberB':'memberA'].id)" v-bind:src="item[(type==1||type==3)?'memberB':'memberA'].headImg">
                <div class="infos">
                    <p class="name">
                        <span v-on:click="go('friend_detail.html?id=' + item[(type==1||type==3)?'memberB':'memberA'].id)">\{{item[(type==1||type==3)?'memberB':'memberA'].nickName}}</span>

                    </p>

                    <span class="date">\{{item.concernTime}}</span>

                    <p class="info">
                        \{{item[(type==1||type==3)?'memberB':'memberA'].age}}岁，\{{item[(type==1||type==3)?'memberB':'memberA'].cregion.name}} \{{item[(type==1||type==3)?'memberB':'memberA'].xregion.name}}，\{{item[(type==1||type==3)?'memberB':'memberA'].height}}cm

                    </p>
                    <p class="brief" v-if="page==1">\{{item[(type==1||type==3)?'memberB':'memberA'].monologue}}</p>
                    <p class="brief" v-if="page==2">\{{item.msg}}</p>
                </div>

                <div class="handle" >

                    <a v-if="(page==2&&type==2)" v-on:click="reply(item.memberA.id)">回复</a>
                    <a v-if="(page==2&&type==4)" v-on:click="sayhi(item.memberA.id)">回复</a>

                    <a v-if="(page==2&&type==2)||(page==2&&type==4)" v-on:click="complain(item.memberA.id)">投诉</a>

                    <a v-if="(page==2&&type==2)||(page==2&&type==4)" v-on:click="blackList(item.memberA.id)">拉黑</a>
                </div>
                <!--<div class="handle">
                    <a href="">回留言</a><br>
                    <a href="">投诉</a><br>
                    <a href="">拉黑</a>
                </div>-->
            </div>
        </div>
        <div class="modal" id="greet" v-if="msgDialog">
            <div class="main">
                <i @click="switchSayhi()" class="iconfont icon-x"></i>
                <div class="content">
                    <div v-for="msg in msgList"
                        :class=" {'cur':selectMsgIndex==$index }"
                        @click="selectMsgFn($index,msg.content)">
                        \{{msg.content}}
                    </div>
                </div>
                <div class="modal-footer">
                    <a @click="exchangeMsg()" href="javascript:;">换一组</a>
                    <a @click="submitMsg()" href="javascript:;">打招呼</a>
                </div>
            </div>
        </div>
        <div class="weui_dialog_confirm" v-if="showReply || showComplain">
            <div class="weui_mask"></div>
            <div class="weui_dialog">
                <div class="close" @click="hideDialog()">
                    <i class="iconfont icon-x"></i>
                </div>
                <div class="content">
                    <div class="textarea">
                        内容 <textarea v-model="publicContent"></textarea>
                    </div>
                </div>
                <div class="weui_dialog_ft">
                    <a @click="hideDialog()" class="weui_btn_dialog default">取消</a>
                    <a @click="submitContent()" href="javascript:;" class="weui_btn_dialog primary">发送</a>
                </div>
            </div>
        </div>
    </body>
    <script>var app = 'uc_userlist';</script>
    <script data-main="js/common/{{jsPath "require_config"}}" src="lib/requirejs/require.js"></script>
</html>